<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div>
			爱好：
			<input type="checkbox" name="hobby" id="hobby" />吃饭
			<input type="checkbox" name="hobby" id="hobby" />唱歌
			<input type="checkbox" name="hobby" id="hobby" />爬山
		</div>
		<div>
			<button id="selectAll">全选</button>
			<button id="unselectAll">全取消</button>
		</div>
	</body>
	<script>
		//jquery checked属性，true选中，false不选，其他用attr（单次），布尔值用prop
		// $("#selectAll").click(function() {
		// 	因为hobby对应多个值，直接操作是第一个元素，需要返回一个数组，
		// 	筛选数组元素,全选
		// 	$("[id=hobby]").attr("checked", true);
		// })
		// $("#unselectAll").click(function() {
		// 	$("[id=hobby]").attr("checked", false);
		// })
		//下面方式可以多次全选，多次取消，prop多次
		$("#selectAll").click(function() {
			$("[id=hobby]").prop("checked", true);
		})
		$("#unselectAll").click(function() {
			$("[id=hobby]").prop("checked", false);
		})
		
	</script>
</html>
